/*customNav.html 自定义导航*/
.m-editlist-box { padding:20px 0;}
.m-editlist li.m-item { position: relative; z-index: 10; background: #fff;  height: 50px; line-height: 50px; }

.m-editlist li.m-item .m-del { z-index: 1; position: absolute; right: 0; top: 0; background: #ff3b30; color: #fff; height: 100%; width: 60px; text-align: center; font-size: 1.6rem;}
.m-editlist .m-check {z-index: 1; position: absolute; left: 0; top: 0; background: #fff; height: 100%; width: 50px; text-align: center; }
.m-editlist .m-check .m-checkbox {
   -webkit-appearance:none;appearance:none; outline: none; margin-top: 13px; display: inline-block;
   width: 22px; height: 22px; border-radius: 100%; border: solid 1px #aaa;
}
.m-editlist .m-check .m-checkbox:checked {
  background: url() #0079ff no-repeat center center; background-size: 60% auto; border-color: #0079ff;
}
.m-editlist li.m-item .m-left { position: absolute; width: 100%; white-space: nowrap; overflow:hidden;text-overflow:ellipsis;  height: 100%;  z-index: 2; background: #fff;padding: 0 10px 0 0;}
.m-editlist li.m-item .m-left:before {content: ""; position: absolute; left: 10px; right: 10px; top: 0; height: 1px; background: #e1e1e1;}
.m-editlist li:last-child .m-left:after {content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px; background: #e1e1e1;}
.m-editlist li.m-item .m-left.open-left {
  -webkit-transform:translate3d(-60px, 0, 0);
  transform:translate3d(-60px, 0, 0) 
}
.m-editlist li.m-item .m-left.open-right {
  -webkit-transform:translate3d(50px, 0, 0);
  transform:translate3d(50px, 0, 0) 
}
.m-editlist .i-eye,.m-editlist .i-noeye { float: right;font-size: 2rem; }
.m-editlist .i-eye { color: #2dc948}
.m-editlist .m-left .m-cont {  overflow: hidden; padding: 0 0 0 10px;}
.m-editlist .i-move { float: right;}
.m-editlist .i-move:after { padding: 0 10px 0 20px; content: "\e621"; font-size: 2.2rem; color: #ccc; float: right;}
.m-editlist .m-cont .i-num { background: #bbb; border-radius: 6px; padding: 2px 5px 0; color: #fff; margin-right: 8px; font-size: 1.4rem;}


/*customNavEdit.html 编辑添加导航*/
.m-form-custom { padding: 10px 0; }
.m-form-custom  .m-ipt { min-height: 50px; background: none; font-size: 1.6rem; border: 0; display: block; width: 100%;float: left;}
.m-form-custom .m-itembox { margin-bottom: 20px; background-color: #fff; padding-left:15px;border-top: solid 1px #dedede; border-bottom: solid 1px #dedede;}
.m-form-custom .m-itembox.disabled {opacity: 0.5;pointer-events:none}
.m-form-custom .m-item:last-child { border-bottom: 0;}
.m-form-custom .m-item { min-height: 50px; line-height: 50px; border-bottom: solid 1px #dedede; padding: 0 10px 0 0;}
.m-form-custom .m-item label.m-tle { white-space: nowrap; float: left; width: 80px; font-size: 1.6rem; color: #2f2f2f;}
.m-form-custom .m-item .m-svgicon { margin-top: 10px; width: 30px; height: 30px; } 
.m-form-custom .m-item .m-svgicon g { fill: #666;}
.m-form-custom .m-cont { text-align: right; height: 50px; color: #9f9f9f; overflow: hidden;padding: 0 0 0 0;}
.m-form-custom .m-txt { }
.m-form-custom .i-icon { font-size: 2.5rem; color: #333; float: right;}
.m-form-custom .m-iptbox { padding: 0; }
.m-form-custom .m-iptbox input[type="text"] { border: 0; background: none; height: 100%; width: 100%; text-align: right;}
.m-form-custom .m-link { display: block; height: 100%; width: 100%; float: left;}
.m-form-custom .m-link:before { font-size: 1.8rem; content: "\e60b"; float: right; color: #aaa; padding: 0 0 0 10px;}
.ui-switch { float: right; margin: 10px 0 0 0;}

.m-iconpop { width: 100%; height: 100%; z-index: 999999; position: absolute; left: 0; top: 0; bottom: 0; background: #a2d3ab; display: none;overflow: hidden; 
}



/*iconsWarehouse.html 图标库*/
.m-ihouse { padding: 10px 10px 40px;}
.m-ihouse .m-list li { width: 33.33333333%; padding:4px; float: left; margin-bottom: 10px;   }
.m-ihouse .m-icon-1 { display: block; padding: 5px; overflow: hidden; width: 50%;  float: left;   border:solid 1px #dedede;  background: #fff;}
.m-ihouse .m-icon-1:last-child { border-left: 1px solid transparent;} 
.m-ihouse .m-icon-1.active { border: 0; position: relative;}
.m-ihouse .m-icon-1 .i-lay { display: none;}
.m-ihouse .m-icon-1.active .i-lay { width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; display: block;}
.m-ihouse .m-icon-1.active .i-lay:after { content: "\e61d"; color: #2dc948; position: absolute; left:50%; top:50%; font-size: 2rem; margin: -10px 0 0 -10px;}
.m-ihouse .m-svgicon { width: 100%; height: 100%;}
.m-ihouse .m-svgicon g { -webkit-fill:#555; fill:#555; }
